<template>
  <div class="w-full flex space-x-2 justify-center mb-4">
    <div v-for="(item, index) in category" :key="index">
      <div :class="ClassChoice === index ? 'true' : 'false'" class="w-10 text-center">
        <p @click="ClassChoice = index">{{ item.title }}</p>
      </div>
    </div>
  </div>
</template>
<script setup>
const category = defineProps({
  title: String,
  id: String,
});
</script>
